<? $this->headLink()->appendStylesheet(ROOT.'public/js/ext/resources/css/ext-all.css');?>
<? $this->headScript()
        ->setAllowArbitraryAttributes(true)
        ->appendFile(ROOT.'public/js/ext/adapter/ext/ext-base.js','text/javascript')
        ->appendFile(ROOT.'public/js/ext/ext-all.js','text/javascript')        
        ->appendFile('http://maps.google.com/maps?file=api&amp;v=2&amp;key='.API_KEY)
        ->appendFile(ROOT.'public/js/gmap/markers-map.js','text/javascript')
        ->appendFile(ROOT.'public/js/ext/myscripts/search.js','text/javascript')
        ->captureStart() ?>
<? $this->headScript()->captureEnd() ?>
<h1 id="welcome">
    Welcome to Close2Me!<br/> 
    Your guide to the closest looking point.
</h1>
<div id="container">
    <div id="left">
        <div id="searchBar">        
            <h3>Search</h3>
            <input type="text" size="40" name="search" id="search" />
            <div id="searchDesc">
            Live search requires a minimum of 2 characters.                        
            </div>                
        </div>    
        
        <div id="links">
            <h2>Recent Locations</h2>
            <dl>    
                <? foreach ($this->groups as $entry): ?>
                    <dt>
                        <h3><a href="#" onclick="load('<?=$this->escape($entry['id'])?>')"><?= $this->escape($entry['name']) ?></a></h3>
                    </dt>
                    <dd><?= $this->escape($entry['date_created']) ?></dd>                    
                <? endforeach ?>
            </dl>
        </div>
    </div>
    <div id="map">
    </div>
</div>